<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>预定页面</title>
</head>
<link rel="stylesheet" type="text/css" href="../styles/index.css">
<script type="text/javascript">
	(function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if(clientWidth>=750){
                    docEl.style.fontSize = '20px';
                }else{
                    docEl.style.fontSize = 20 * (clientWidth / 750) + 'px';
                }
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>
<body>
	<div class="warp">
		<section class="lookChat">
			<div class="title">
				<h1>好的简历是你成功的第一步好的简历是你成功的第一步</h1>
				<p>作者/分享人<span>Monkey</span></p>
			</div>
			<div class="cont">
				最近被问到简历的问题越来越多，索性开这样一场Chat总结一工程师简历怎样写吧。最近被问到简历的问题越来越多，索性开这样一场Chat总结一工程师简历怎样写吧。最近被问到简历的问题越来越多，索性开这样一场Chat总结一工程师简历怎样写吧。最近被问到简历的问题越来越多，索性开这样一场Chat总结一工程师简历怎样写吧。最近被问到简历的问题越来越多，索性开这样一场Chat总结一工程师简历怎样写吧。最近被问到简历的问题越来越多，索性开这样一场Chat总结一工程师简历怎样写吧。
			</div>
			<div class="about">
				<p class="img">
					<img src="../images/temp/logo1.jpg">
				</p>
				<p class="stitle">
					Monkey
					<a href="">+关注</a>
				</p>
				<p class="txtle">
					二次元深度中毒患者，全球技术大会测试讲师。《大话移动App测试》系列丛书作者。目前在互联网金庸行业奋斗，自媒体人。
				</p>
			</div>
			<div class="link">
				<span class="heart active">11</span>
				<span class="gift mClick"></span>
				<p><a href="javascript:void(0)">预定活动 ￥19</a></p>
			</div>
			<div class="pople">
				<img src="../images/temp/logo1.jpg">
				<img src="../images/temp/logo2.jpg">
				<img src="../images/temp/logo3.jpg">
				<img src="../images/bgs/logos.png">
				<a href="">已有223人预订 > </a>
			</div>
			<div class="time">
				<!--有交流-->
				<div class="seepBox">
					<div class="seepTitle">
						<p class="seepL">预订达标</p>
						<p>文章出炉</p>
						<p class="seepR">交流日期</p>
					</div>
					<div class="seepCont seep"></div>
					<div class="seepCont seep01"></div>
					<div class="seepCont seep02"></div>
					<div class="seepCont seep03"></div>
					<div class="seepTitle">
						<p class="seepL">04月30日</p>
						<p>05月14日</p>
						<p class="seepR">05月18日</p>
					</div>
				</div>

				<!--无交流-->
				<div class="seepBox notChange">
					<div class="seepTitle">
						<p class="seepL">预订达标</p>
						<p class="seepR">文章出炉</p>
					</div>
					<div class="seepCont seep"></div>
					<div class="seepCont seep01"></div>
					<div class="seepCont seep02"></div>
					<div class="seepTitle">
						<p class="seepL">04月30日</p>
						<p class="seepR">05月18日</p>
					</div>
				</div>

				<p>本场Chat已结束，欢迎继续关注GitChat的其他活动。</p>
			</div>
			<div class="msg">
				<p>退款保证：</p>
				<p>·04月24日前，预订人数未达到限额的50%,您将获得全额退款。</p>
				<p>·作者未按时完成文章，您将获得全额退款。</p>
				<p>作者未按时间进行分享，您将获得全额退款。</p>
				<p>读者圈Pass的有效期为6个月。</p>
			</div>
			<div class="chat">
				<a href="">Share是什么</a>
				<a href="">发起我的Share</a>
			</div>
			<div class="like">
				<p class="stitle">你可能还喜欢</p>
				<ul>
					<li>
						<a href="">
							<img src="../images/temp/prc.jpg">
							<p class="xtitle">如和Mock提高开发效率如和Mock提高开发效率</p>
							<p class="name">于涛</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="../images/temp/prc.jpg">
							<p class="xtitle">如和Mock提高开发效率</p>
							<p class="name">于涛</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="../images/temp/prc.jpg">
							<p class="xtitle">如和Mock提高开发效率</p>
							<p class="name">于涛</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="../images/temp/prc.jpg">
							<p class="xtitle">如和Mock提高开发效率</p>
							<p class="name">于涛</p>
						</a>
					</li>
				</ul>
				<p class="more"><a href="">查看更多</a></p>
			</div>
			
			

		</section>
		
		<footer class="footer">
			<nav class="nav">
				<ul>
					<li class="active">
						<a href="">
							<span class="navA"></span>
							<p>发现</p>
						</a>
					</li>
					<li>
						<a href="">
							<span class="navB"></span>
							<p>圈子</p>
						</a>
					</li>
					<li>
						<a href="">
							<span class="navC"></span>
							<p>阅读</p>
						</a>
					</li>
					<li>
						<a href="">
							<span class="navD"></span>
							<p>我</p>
						</a>
					</li>
				</ul>
			</nav>
		</footer>
	</div>
</body>
<script src='../js/jquery-1.9.1.js'></script>
<script src='../js/common.js'></script>
<script type="text/javascript">
	$(function(){
		/*购买弹窗*/
		$('.mClick').click(function(){
			$(document).popUp('<div class="popBox pGive">'+
				'<div class="popInfo pingLun">'+
					'<p class="title">赠送给好友<span class="popClose"></span></p>'+
					'<form>'+
						'<p class="sTitle">普通人快速崛起的10大狠招</p>'+
						'<p class="sTime">'+
							'直播将于12月13日 20:00开始'+
						'</p>'+
						'<div class="sNum">'+
							'<span>赠送数量（张）</span>'+
							'<input type="button" class="add none" value="+" name="">'+
							'<input type="text" class="num" value="1" name="">'+
							'<input type="button" class="less" value="-" name="">'+
						'</div>'+
						'<p class="sPay">'+
							'支付总额：<span>￥6.60</span>'+
						'</p>'+
						'<div class="sClick">'+
							'<button>微信支付</button>'+
						'</div>'+
					'</form>'+
				'</div>'+
			'</div>');
		});
	})
</script>
</html>